.nav1{
    color: white;
    border: solid;
    height: 100px;
    
}

.Blogs{
    margin-right: 100px;
}
.Destinations{
    margin-left: 200px;
}
.india{
    margin-left: 10px;
}
nav img{
    margin-left: 50px;
}
nav ul  a{
    text-decoration: none;
       color: white;
    }
.content1{
    text-align: center;
    margin-top: 150px;
    color: white;
    /* color: black; */
      position: relative;
    z-index: 3;
    
   
}
/* .bgimg1{
    background-image: url("https://www.agrashivtourandtravels.com/wp-content/uploads/2020/08/india-tourism.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
} */
 .bgimg1 {
    position: relative;
    background-image: url("https://www.agrashivtourandtravels.com/wp-content/uploads/2020/08/india-tourism.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    z-index: 1;
    color: white; /* Optional */
}

.bgimg1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 0.6 opacity */
    z-index: 2;
}



button{
    background-color: hotpink;
    width: 130px;
    height: 40px;
    border: solid hotpink;
    color: white;
    /* color: black; */
}
.btn1{
    border: solid 2px orange;
    background-color: rgba(255, 222, 173, 0);
}
.btn1:hover{
    background-color: hotpink;
}
.content2{
    border: solid white;
    height: 560px;
    padding:70px;
    margin-left: 210px;
    
}
.content2 img{
    border-radius: 10px;
    margin-top: 50px;
    box-shadow: 10px 10px 10px  black;
}
.content2 h1{
margin-left: 200px;

}
.child1{
    margin-left: 150px;
    margin-top: 50px;
}
.content2 img{
    margin-left: 20px;
}
.child2{
    text-align: center;
}
.content3 img{
    margin-left: 100px;
    border-radius: 50px;
    margin-top: 50px;
   
}
.content3 h1{
    text-align: center;
}
.content4 img{
    border-radius: 10px;
    margin-top: 50px;
    box-shadow: 10px 10px 10px black;
}
.content4{
    margin-left: 300px;
    margin-top: 50px;
}
.content4 h1{
    margin-top: 50px;
    margin-left: 110px;
}
.inimg1,.inimg2,.inimg3{
    margin-left: 20px;
}

.content5{
    margin-left: 300px;
    margin-top: 50px;
}
.content5 h1{
    margin-left: 00px;
    margin-top: -50px;
}
.content5 img{
    box-shadow: 5px 5px 5px 5px black;
    border-radius: 20px;
    margin-top: 50px;
}
.inimg4,.inimg5,.inimg6{
    margin-left: 20px;
}
.child3{
    margin-left: 300px;
}
.content6{
    text-align: center;
    margin-top: 100px;
}
.box1{
    border: solid hotpink;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    padding: 20px;
    box-shadow: 2px 2px 2px hotpink;
    margin-left: 250px;
}

.c1{
    margin-top: 50px;
}
/* .box3{
    border: solid hotpink;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    padding: 20px;
    box-shadow: 2px 2px 2px hotpink;
} */
.box4{
    border: solid hotpink;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    padding: 20px;
    box-shadow: 2px 2px 2px hotpink;
    margin-left: 50px;
}
.box5{
    border: solid hotpink;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    padding: 20px;
    box-shadow: 2px 2px 2px hotpink;
    margin-left: 50px;
}
/* .box6{
    border: solid hotpink;
    border-radius: 20px;
    text-align: center;
    width: 300px;
    padding: 20px;
    box-shadow: 2px 2px 2px hotpink;
} */
.head1{
    text-align: center;
    margin-top: 50px;
}
.card1:hover{
    color: red;

}
.card2:hover{
    color: red;

}
.card3:hover{
    color: red;

}


/* .content2 img{
    animation: slide 5s linear infinite;
}
@keyframes slide {
    0%{
        transform: translateX(-300px);

    }
    100%{
        transform: translateX(100%);
    }
} */

 .content7{
    border: solid rgb(135, 135, 237);
    height: 450px ;
    background-color: rgb(39, 6, 70);
    color: white;
    margin-top: 50px;
    
 }
 .content8 h1 {
    margin-top: -3px;
    margin-left: 300px;
    margin-top: -70px;
    
 }
 .content8 p{
    margin-left: 300px;
 }
 .content8 img{
    margin-left: 200px;
    margin-top: 30px;
 }
.content9{
    margin-left: 300px;
}
.content10 {
    margin-left: 300px;
    margin-top: -230px;
}
.content10 button{
    background-color: rgb(39, 6, 70); 
    color: white;
}
.content11{
    margin-top: -230px;
    margin-left: 100px;
}
.empty{
    border: solid;

}
.content12 a{
    text-decoration: none;
    color: rgb(245, 240, 240);
    border: dotted rgb(3, 6, 70) ;
    background-color: rgb(39, 6, 70);
    
    
}
.content12{
    margin-top: 30px;
}
.a1{
    margin-left: 280px;
}
.a2{
    margin-left: 50px;
}
.a3{
    margin-left: 50px;
}
.content13{
    margin-top: 20px;
    margin-left: 300px;
}